<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>订单页</title>
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../css/main.css">
	<script src="../js/jquery.js"></script>
	<script src="../js/details.js"></script>
	<script src="../js/cookies.js"></script>
	
	<script src="../js/index.js"></script>
	<script src="../js/jquery.cookie.js"></script>
	<style>
		.con p{
			float:left;
			height:30px;
		}

	</style>
</head>
<body>
<div id="head-wrap">
    <div id="head">
        <div id="head-left">
            <!--<a href="#">手机风尚</a><a href="#">电子杂志</a>-->
        </div>
        <div id="head-right">
            <dl>
                <dt>
                    
                    <a href="html/Login.html" class="dlu1 dlu" style="display:block;">登录</a>
                    <a href="javascript:;" class="dlm" style="display:none;float:left;">用户名</a>
                    <a href="html/register.html" style="display:block;" class="dlu1">免费注册
                    	<label style="color: #d32402;
                        cursor: pointer;">送50元</label>
                    </a>
                    
                </dt>
                <dd>
                    <a href="javascript:;" style="display:none;float:left;padding:0 20px;" class="tuichu">[退出]</a>
                    <a href="javascript:;" class="wdfs1 dlu1" style="display:block;">电话订购会员登录		<label style="color: #d32402;
                        cursor: pointer;" class="lab">送50元</label>
                    </a>
                    
                    <a  href="javascript:;" class="wdfs" style="display:block;">我的风尚</a>&nbsp;&nbsp;
                    <ol class="b" id="myfsgodiv">
                        <li><a href="javascript:;">我的订单</a></li>
                        <li><a href="javascript:;">我的积分</a></li>
                        <li><a href="javascript:;">我的优惠劵</a></li>
                        <li><a href="javascript:;">我的消息</a></li>
                        <li><a href="javascript:;">我的收藏</a></li>
                    </ol>
                </dd>
            </dl>
        </div>
    </div>
</div>

<!-- ******************************************logo ******************************-->	
<div id="order-logo">
	<a href="javascript:;"><img src="../images/logo.gif" alt=""></a>
</div>

<!--****************************************** 订单详情 ******************************-->
<script>
$(function(){
	$(".newadd").click(function(){
		$(".scang").css("display","block")
	})
	

})

</script>
<div id="information">
	<h1>填写并核对订单信息</h1>
	<div id="fill">
		<p style="height:30px;padding-left:26px;font-size:14px;font-weight:900;padding-top:10px;">收货信息</p>
		<div class="cone1">
			<div class="con" style="height:30px;line-height:30px;background:#ffefd8;padding-left:25px;display:none;">
				<input type="radio"  name="ral" style="height:30px;width:20px;float:left;">
				<p class="s1"></p>
				<p class="s2"></p>
				<p class="s3"></p>
				<p class="s4"></p>
				<p class="s5"></p>
				<p class="s6"></p>
				<p class="s7"></p>
				<p class="s8"></p>
				<a href="javascript:;" class="s9"  style="float:right;height:30px;width:30px;display:block;">修改</a>
				<a href="javascript:;" class="s10" style="float:right;height:30px;width:30px;display:block;">删除</a>
			</div>

		</div>
		
		<span style="height:43px;display:block;padding-top:8px;padding-left:56px;font-size:12px;cursor:pointer;" class="newadd">使用新地址</span>
		
		<div class="scang" style="display:none;">
			<dl>
				<dt><b style="color:#ff5682;">	* </b>收货人 ：</dt>
				<dd style="font-size:12px;">
					<input type="text" placeholder="收货人姓名" class="shr" style="height:24px;width:143px;border:2px solid #f1c87a;border-radius:5px;padding-left:5px;">
					<input type="radio"  name="ral" class="man">先生
					<input type="radio" name="ral" class="man">女士
				</dd>
			</dl>

			<dl>
				<dt><b style="color:#ff5682;float:left;">*</b>所在区域 ：</dt>
				<dd style="font-size:12px;float:left;">
					
						<select style="float:left;margin-right:15px;width:117px;height:20px;" class="add1">
							<option value="">请选择省</option>
							<option value="山东省">山东省</option>
							<option value="河南省">河南省</option>
						</select>
						<select class="add2" style="float:left;margin-right:15px;width:117px;height:20px;">
							<option value="请选择市" >请选择市</option>
							<option value="青岛">青岛</option>
							<option value="烟台">烟台</option>
							<option value="济南">济南</option>
							<option value="济宁">济宁</option>							
						</select>
						<select class="add3" style="float:left;margin-right:15px;width:117px;height:20px;">
							<option value="" >请选择市</option>
							<option value="市南">市南</option>
							<option value="市北">市北</option>
							<option value="四方">四方</option>
							<option value="崂山">崂山</option>							
						</select>

				</dd>
			</dl>
			<dl>
				<dt><b style="color:#ff5682;">	* </b>详细地址 ：</dt>
				<dd style="font-size:12px;">
					<input type="text" placeholder="详细地址" style="height:24px;width:313px;border:1px solid #f1c87a;border-radius:5px;padding-left:5px;outline:none;" class="adress">
				</dd>
			</dl>
			<dl>
				<dt><b style="color:#ff5682;">	* </b>手机号码 ：</dt>
				<dd style="font-size:12px;">
					<input type="text" placeholder="手机号码" style="height:24px;width:143px;border:1px solid #f1c87a;border-radius:5px;padding-left:5px;outline:none;" class="tell">
				</dd>
			</dl>
			<dl>
				<dt><b style="color:#ff5682;">	* </b>邮政编码 ：</dt>
				<dd style="font-size:12px;">
					<input type="text" placeholder="邮政编码" style="height:24px;width:143px;border:1px solid #f1c87a;border-radius:5px;padding-left:5px;outline:none;" class="zip">
				</dd>
			</dl>
			<div id="confirm">
				<a href="javascript:;" class="sure" style="height:34px;width:143px;background:#d32402;display:block;color:#fff;line-height:34px;text-align:center;border-radius:5px;float:left;">确认收货人信息</a>
				<a href="javascript:;" class="qux" style="height:28px;width:64px;float:left;display:block;border:1px solid #ccc;background:#f2f2f2;text-align:center;margin-left:5px;line-height:28px;color:#666666;margin-top:3px;">取消</a>
			</div>
		</div>
	</div>
	<div id="Payment">
		<p style="height:30px;padding-left:26px;font-size:14px;font-weight:900;padding-top:10px;">付款方式</p>
		<a href="javascript:;" style="height:43px;display:block;padding-top:8px;padding-left:56px;color:#000;font-size:14px;" > <input type="radio">&nbsp;支付宝再减（10）元 <img src="../images/1111.png" alt=""></a>
	</div>
	<div id="Payment">
		<p style="height:30px;padding-left:26px;font-size:14px;font-weight:900;padding-top:10px;">送货方式</p>
		<a style="height:43px;display:block;padding-top:8px;padding-left:56px;color:#000;font-size:14px;"><input type="radio">&nbsp;供应商直送 [由供应商直送配送]</a>
	</div>
	<div id="Payment" style="border-bottom:1px solid #ccc">
		<p style="height:30px;padding-left:26px;font-size:14px;font-weight:900;padding-top:10px;">发票抬头</p>
		<input type="text" value="个人" style="height:28px;width:216px;margin-left:56px;padding-left:2px;">
	</div>

	<div id="Detailedlist">
		<p style="height:30px;padding-left:26px;font-size:14px;font-weight:900;padding-top:10px;">商品清单</p>
		<div id="cart-list-top" style="height:44px;border-bottom:1px solid #ccc">
		<ul>
			<li style="height:44px;width:294px;line-height:44px;padding-left:128px;">商品</li>
			<li style="height:44px;width:85px;line-height:44px;text-align:center;">风尚价</li>
			<li style="height:44px;width:130px;line-height:44px;text-align:center;">库存</li>
			<li style="height:44px;width:106px;line-height:44px;text-align:center;">数量</li>
			<li style="height:44px;width:120px;line-height:44px;padding-left:30px;">金额小计</li>
		</ul>
	</div>
	<div id="gwc-hidd" style="display:;">
		<p>您的购物车暂时无任何商品，请尽快在风尚家庭购物选购商品吧！</p>
		<a href="../index.html">继续购物</a>
		<a href="../index.html">返回首页</a>
	</div>

	<div class="fszy" style="display:none;">
		
		<div class="fszy-1" style="display:none">
			<p class="fszy-p" style="padding-left:5px;"> 风尚自营</p>

			<dl class="fszy-dl">
				<dt class="fszy-dt"><a href="javascript:;"><img src="../images/yehu.jpg" alt="" class="cone" style="height:100px;width:100px;"></a></dt>
				<dd class="fszy-dd">
					<a href="javascript:;" class="get1"></a>
					<a href="javascript:;" class="get0"></a>
					<span>商品编号：<i class="get2" style="font-style:normal;"></i>&nbsp;</span>
					<span>颜色:无&nbsp;</span>&nbsp;&nbsp;&nbsp; 
					<span> 规格：<i class="get3" style="font-style:normal;"></i></span>
				</dd>
			</dl>
			<p class="fszy-p1">￥<span class="get4" style="font-style:normal;"></span></p>
			<p class="fszy-p2">有货</p>
			<p class="fszy-p3">
				<a href="javascript:;" class="inpt-left">-</a>
				<input type="text" value="1" class="inpt">
				<a href="javascript:;" class="inpt-right">+</a>
			</p>
			<p class="fszy-p4">
				<span>￥<i class="Subtotal">399</i></span>
				<a href="javascript:;" class="delete1">删除</a>
			</p>
		</div>

	</div>
	</div>
</div>
<div id="total">
	<div class="total-top">
		<ul>
			<li><span>商品总价</span><b >￥<i class="bbb" style="font-style:normal;font-size:14px;color:red;">399</i></b></li>
			<li><span>积分抵扣</span><b>￥0</b></li>
			<li><span>支付优惠</span><b>￥0</b></li>
			<li><span>运费金额</span><b>￥0</b></li>
		</ul>
	</div>
	<div id="grand">
		<div class="grand-left">
			<b>订单总计</b>
			<span style="font-size:26px;font-weight:900;" class="aaa"><b>￥</b><i>399</i></span>
		</div>
		<div class="grand-right">
			<a href="javascript:;" class="tijao">提交订单</a>
		</div>
	</div>
	
</div>
<div id="copying" style="border-top:1px solid #ccc;">
	<div id="all3" style="text-align:center;padding-top:33px;color:#999999;font-size:12px;line-height:20px;">
		<div style="font-size:18px;font-family:@微软雅黑;font-weight:bold;">
			<a href="javascript:;" style="color:#53585F;font-size:18px;">触屏版</a>&nbsp;&nbsp;<span style="color:#C62717;font-weight:bold;">电脑版</span> 
		</div>
			ICP经营许可证：赣ICP备15000001号<br>
			24小时订购和服务热线：4001-677-077<br>
			Copyright 2008-2014，www.fstvgo.com 风尚购物 版权所有<br>
			本网站用字经北京北大方正电子有限公司授权许可
	</div>
</div>




</body>
</html>